<template>
	<view class="nodify" :animation='animationData' >
		<view class="head">
			<view class="close"@click="addfriendAnimat" >取消</view>
			<view class="title">{{ nodifyTitel }}</view>
			<view class="defime" @click="handleDefime(nodifyTitel, showData)" >确定</view>
		</view>
		<view class="main">
			<input type="text" v-model="showData" placeholder="" />
		</view>
	</view>
</template>

<script>
	export default {
		name:"editdata",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	/* changeData */
	.nodify{
		position: fixed;
		top: 806px;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 1000;
	}
	
	.nodify .head{
		height: 88rpx;
		width: 100%;
	}
	.nodify .head .close{
		float: left;
		height: 88rpx;
		width: 120rpx;
		text-align: center;
		line-height: 88rpx;
		font-size: 36rpx;
	}
	.nodify .head .title{
		float: left;
		height: 100%;
		width: calc(100% - 240rpx);
		text-align: center;
		line-height: 88rpx;
		font-size: 36rpx;
		color: #555555;
	}
	
	.nodify .head .defime{
		float: right;
		height: 88rpx;
		width: 120rpx;
		text-align: center;
		line-height: 88rpx;
		font-size: 36rpx;
		color: #007AFF;
	}
	
	.nodify .main{
		width:460rpx;
		background-color: #f1f1f0;
		margin: 40rpx auto;
		padding: 0 50rpx;
		height: 400rpx;
		font-size: 32rpx;
		line-height: 64rpx;
		border-radius: 36rpx;
		text-align: center;
	}
	.nodify .main input{
		width: 460rpx;
		height: 400rpx;
		background-color: #f1f1f0;
		font-size:36rpx;
	}
</style>
